<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>laytpl模板引擎</title>

    <link rel="stylesheet" href="../zujian/layui/css/layui.css">

    <!--这个在我建立了 undefinedcss 放入之后其实不用也可以,但是建议还是写出来-->
    <link rel="stylesheet" href="../zujian/layer/theme/default/layer.css">



</head>
<body>

<script src="../zujian/layui/layui.all.js"></script>
<!--
如果模版默认的 {{ }} 分隔符与你的其它模板（一般是服务端模板）存在冲突，你也可以重新定义分隔符：
laytpl.config({
  open: '<%',
  close: '%>'
});

laytpl 应用在 layui 的很多模块中，如：layim、table 等。尽管传统意义的前端模板引擎已经变得不再流行，
但 laytpl 仍然可以发挥一定作用，不妨尝试一下吧。
-->
<script type="text/javascript">
    layui.use('laytpl', function(){
        var laytpl = layui.laytpl;

        //直接解析字符
        laytpl('{{ d.name }}是一位公猿01').render({
            name: '贤心'
        }, function(string){
            alert(string); //贤心是一位公猿
        });

        //你也可以采用下述同步写法，将 render 方法的回调函数剔除，可直接返回渲染好的字符
        var string =  laytpl('{{ d.name }}是一位公猿02').render({
            name: '贤心'
        });
        alert(string);  //贤心是一位公猿

        //如果模板较大，你也可以采用数据的写法，这样会比较直观一些
       let str003= laytpl([
            '{{ d.name }}是一位公猿03'
            ,'其它字符 {{ d.content }}  其它字符'
        ].join('')).render({name:'韩韩',content:'傻逼'});

        alert(str003);


    });
</script>

<!--
http://localhost:63342/layui01/ceshi01/undefinedcss/modules/layer/default/layer.css?v=3.1.1
-->


</body>
</html>